﻿/*----------------------------------------------------------------------------------------------------------*/
    
		/*HTML*/
		
html
{
	height:100%;
	width: 100%;
	margin: 0px;
	padding: 0px;  
}

@font-face {
	font-family: Zachary;
	src: url("Fonts/zachary.ttf");
}


/*----------------------------------------------------------------------------------------------------------*/
    
		/*Body*/

body
{
	background-color: #FFFFFF; 
	margin: 0px; 
	padding: 0px; 
	padding-top: 0px; 
	text-align: center; 
	height: 100%;
	width: 100%;
	font-size: 11px;
	font-family: Calibri;
	color: #000000;
}


/*----------------------------------------------------------------------------------------------------------*/
    
		/*Master Page*/
		

#centered
{ 
	z-index: 2;
	top: 0px;
	width: 860px;  
	margin: 0 auto;
	padding-top: 0px;  
	text-align: left;
	
} 

.AlwaysVisible
{
    z-index: 999;
}
	
/*#TopLogo
{
	position: absolute;
	z-index: 7;
	top: 10px;
	margin-left: 10px;
	width: 350px;
	-moz-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	
	behavior: url('IE/PIE.htc');
}

#TopLogo img {
	margin-left: 0px;
} */

		/*Home Page*/
		
#ContentStandard
{
	position: absolute;
	z-index: 2;
	width: 860px;
	height: 900px; 
	top: 0px;
	margin: 0 auto; 
	text-align: left;
	-moz-box-shadow: 0 0 3px 3px #BCBEC0;
	-webkit-box-shadow: 0 0 3px 3px #BCBEC0;
	box-shadow: 0 0 3px 3px #BCBEC0;
	-moz-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	
	background: -moz-linear-gradient(left, #FFFFFF 40%, #E6E7E8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#E6E7E8));
	background: -o-gradient(#FFFFFF , #E6E7E8);
} 

.PricePanel
{
    width: 150px;
    background: -moz-linear-gradient(left, #FFFFFF 40%, #E6E7E8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#E6E7E8));
	background: -o-gradient(#FFFFFF , #E6E7E8); 
	font-size: 16px;
	font-weight: bold;
	border:1px solid #E6E7E8; 
	margin-right:10px;
}

/*----------------------------------------------------------------------------------------------------------*/
    
		/*Collapsable Panel*/

.collapsePanel {
      width: 850px;
      height:0px;
      background-color:white;
      overflow:hidden;
}

.FloatLeft
{
    float:left
}

.FloatRight
{
    float:right
}

.AlignCentre
{
    text-align:center;
}
 
.collapsePanelHeader{   
      width:850px;            
      height:30px;
      color: #FFFFFF;
      font-weight:bold;
      font-size: 20px;
      float:none;
      padding:5px; 
      cursor: pointer; 
      vertical-align: middle;
      background:url("images/Solid.png") repeat-x;
    text-align:center;
    }

.Calibra16Black
{
	padding-left: 10px;
	font-weight:normal;
	font-size: 16px;
	color: #000000;
}	

.Calibra15White
{
	padding-left: 10px;
	z-index: 11;
}	


/*----------------------------------------------------------------------------------------------------------*/
    
		                /*Boat Details*/
.LabelPadding
{
    padding:5px;
    margin: 5px;
    vertical-align: middle;
    text-align:left;
    font-family:Calibri;
    font-size: 12px;
}

.DropDownListPadding
{
     margin: 2px;
    height: 25px;
}

.DGPlacement
{
    position:absolute;
    margin-top:-150px;
    z-index:999;
    height: 300px;
}

.DatagridBGHeader
{
    background:url("images/Header50.png")repeat-x;
    font-family: Calibri;
	font-size: 10px;
    width: 860px;
  	color: #000000;
    z-index: 20;
}

.DatagridBG
{
    background: -moz-linear-gradient(left, #E6E7E8 40%, #A6A7A8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#E6E7E8), to(#A6A7A8));
	background: -o-gradient(#E6E7E8 , #A6A7A8);
    z-index: 20;
    width: 860px;
    height:300px;
	vertical-align: middle;
}

.DatagridHeaderText
{
    font-family: Calibri;
	font-size: 10px;
  	color: #000000;
    font-weight: bold;
    text-align:left;
    z-index: 20;
}

.BoatDatagrid
{
   
	height:300px; 
	font-family: Calibri;
	font-size: 10px;
	color: #000000;

}
/*----------------------------------------------------------------------------------------------------------*/
    
		                /*Customer Details*/
		

.LabelPaddingBlue
{
    
    margin: 55px;
    vertical-align: middle;
    text-align:left;
    font-family:Calibri;
    font-size: 12px;
    background-color:#E6E7E8;
    padding-bottom: 5px;
    padding-left:25px;
    padding-right:25px;
}

.LabelPaddingClear
{
    padding-bottom: 5px;
     padding-left:25px;
    padding-right:25px;
    margin: 55px;
    vertical-align: middle;
    text-align:left;
    font-family:Calibri;
    font-size: 12px;
 }
/*----------------------------------------------------------------------------------------------------------*/
    
		                /*Sail Details*/
		             
.Container
{

    background: -moz-linear-gradient(left, #FFFFFF 40%, #E6E7E8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#E6E7E8));
	background: -o-gradient(#FFFFFF , #E6E7E8);
    z-index: 10;
    width: 860px;
    height:800px;
    font-family: Calibri;
    padding:0 0 0 0;
    margin:0 0 0 0;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	}
	
.LinkButtonLight
{
      height:30px;
      color: #000000;
      font-weight:normal;
      font-size: 12px;
      cursor: pointer; 
      vertical-align: middle;
      background:url("images/HeaderGradientLight.png") repeat-x;
    text-align:center;

}

.LinkButtonDark
{
      height:30px;
      color: #FFFFFF;
      font-weight:bold;
      font-size: 12px;
      cursor: pointer; 
      vertical-align: middle;
      background:url("images/HeaderGradientDark.png") repeat-x;
    text-align:center;

}

.ajax__tab_xp
{
    
    width: 860px;
    height:800px;
}
.ajax__tab_xp .ajax__tab_header {font-family:Calibri;font-size:20px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>)
 repeat-x bottom;} 
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>)
 no-repeat right;height:21px;}

.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>)
 no-repeat;} 
.ajax__tab_xp .ajax__tab_tab {height:20px;padding:4px;margin:0;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>)
 repeat-x;} 
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>)
 no-repeat right;} 
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>)
 no-repeat;} 
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>)
 no-repeat right;} 
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>)
 no-repeat;} 
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}

.ajax__tab_xp .ajax__tab_body {font-family:Calibri;font-size:12pt;border-top:0;padding:8px;background: -moz-linear-gradient(left, #FFFFFF 40%, #E6E7E8 100%);
 background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#E6E7E8));background: -o-gradient(#FFFFFF , #E6E7E8);}

/*.ContainerTab .ContainerTab_header {font-family:Calibri;font-size:20px;background:url("images/solid.png")
 repeat-x bottom;}
background: -moz-linear-gradient(left, #FFFFFF 40%, #E6E7E8 100%);
	background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#E6E7E8));
	background: -o-gradient(#FFFFFF , #E6E7E8);

.ContainerTab:hover
{
    font-family:Calibri;font-size:20px;background:url("images/hover.png")
 repeat-x bottom;
}*/ 

#AccordianPanel
{
	width: 300px;
	vertical-align: top; 
	float:left; 
	padding: 0px 0px 0px 0px; 
	margin-right: 5px;
	text-align:center; 
}

.accHeader
{
   
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#5778c1', GradientType=1);

   background: -moz-linear-gradient(left, #FFFFFF 40%, #5778c1 100%);
	background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#5778c1));
	background: -o-gradient(#FFFFFF , #5778c1);
	font-family: Arial, Sans-Serif;
	border: 1px  solid  #476396;
	font-size: 16px;
	font-weight: bold;
    padding: 2px;
    margin-top: 5px;
    cursor: pointer;
    width:280px;
}

.accContent
{
    
    border-top: none;
    background-color: #FFFFFF;
    border: 1px  solid  #476396;
    border-top: none;
    padding: 2px;
    padding-top: 10px;
    width:280px;
}

.left
{
    color: #4e5766;
    padding: 2px 0px 0px 0px;
    margin: 0px auto;
    text-align: left;
    line-height: normal; 
    width: 70px; 
    background-color:Silver; 
    height:100%;
}

.Tblspacing
{
    padding: 3px;
    margin: 2px;
}

.fieldtextsmall
{
    font:Calibri;
    font-size:9px;
}

.fieldtextbold
{
    font:Calibri;
    font-size:12px;
    font-weight:bold;
}

.fieldtext
{
    font:Calibri;
    font-size:12px;
}

.DynamicTB
{
    font:Calibri;
    font-size:9px;
    width: 10px;
}

.LargeBlueFont
{
    font:Calibri;
    font-size:30px;
	font-weight: bold;
    padding: 3px;
    color:Blue;
}

.leftjustify
{
    padding: 8px 8px 8px 8px;
    margin: 10px auto;
    text-align: left;
    background-color:#ffffff; 
    border: 1px  solid  #476396;
}

.Front
{
    z-index:200;
}

#PicturePage
{
	z-index: 7;
	top: 120px;
	width: 500px;
	margin-left: 300px;
}

picturepagebody
{
    position:relative;
    width: 400px;
    height:800px;
}


.Background
{
    z-index: 10; 
    position:absolute;
	margin-left: 45px;
}

.Gradient
{
    z-index: 20; 
    position:absolute;
	margin-left: 45px;
	opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */

}

.Seams
{
    z-index: 30; 
    position:absolute;
	margin-left: 45px;
}

.Main_Reef1
{
    z-index: 40; 
    position:absolute;
	margin-left: 45px;
}

.Main_Reef2
{
    z-index: 40; 
    position:absolute;
	margin-left: 45px;
}

.Main_Reef3
{
    z-index: 40; 
    position:absolute;
	margin-left: 45px;
}

.Patches
{
    z-index: 50; 
    position:absolute;
	margin-left: 45px;
}

.Cunningham
{
    z-index: 60; 
    position:absolute;
	margin-left: 45px;
}

.Rings
{
    z-index: 70; 
    position:absolute;
	margin-left: 45px;
}

.Battens
{
    z-index: 80; 
    position:absolute;
	margin-left: 45px;
}

.TrimStripes
{
    z-index: 160; 
    position:absolute;
	margin-left: 45px;
}
/*----------------------------------------------------------------------------------------------------------*/
    
		                /*Summary*/
/*----------------------------------------------------------------------------------------------------------*/
